import axios from 'axios'
import { ElMessage } from 'element-plus'

// 创建 Axios 实例
const request = axios.create({
  baseURL: 'http://127.0.0.1:8000/api/', // 替换为你的 Django 后端 API 前缀
  timeout: 10000,
  headers: { 'Content-Type': 'application/json' }
})

// 请求拦截器：携带 Token
request.interceptors.request.use(
  (config) => {
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  (error) => {
    ElMessage.error('请求参数错误，请检查')
    return Promise.reject(error)
  }
)

// 响应拦截器：处理错误
request.interceptors.response.use(
  (response) => {
    return response.data
  },
  (error) => {
    const status = error.response?.status
    const msg = error.response?.data?.msg || '服务器错误，请联系管理员'
    // 登录失效（401）
    if (status === 401) {
      ElMessage.error('登录已失效，请重新登录')
      localStorage.removeItem('token')
      window.location.href = '/login'
    }
    // 其他错误
    else {
      ElMessage.error(msg)
    }
    return Promise.reject(error)
  }
)

export default request